<template>
<div>
    <!-- 顶部分标题栏和返回按钮 -->
    <back-topic :topic="topic"></back-topic>
    <!-- 标题栏下面的重叠的图 -->
    <img-overlapping></img-overlapping>
    <router-link to="/productDetail" tag="div" class="goods">
        <!-- 列表页中的单个商品 -->
        <goods-list-one :GoodsListOne="GoodsListOne"></goods-list-one>
    </router-link>
    <router-link to="/productDetail" tag="div" class="goods">
        <!-- 列表页中的单个商品 -->
        <goods-list-one :GoodsListOne="GoodsListOne"></goods-list-one>
    </router-link>
    <router-link to="/productDetail" tag="div" class="goods">
        <!-- 列表页中的单个商品 -->
        <goods-list-one :GoodsListOne="GoodsListOne"></goods-list-one>
    </router-link>
</div>
</template>

<script>
// 引入顶部的返回按钮
import BackTopic from '../commentCompontents/back-topic'
// 引入顶部标题栏下面的重叠的照片
import ImgOverlapping from '../commentCompontents/imgOverlapping'
// 商品的列表里面的单个商品
import GoodsListOne from '../commentCompontents/goodsListOne'
export default {
    name: "MyAssemble",
    components: {
        BackTopic,
        ImgOverlapping,
        GoodsListOne,
    },
    data() {
        return {
            topic: "每日秒杀",
            GoodsListOne: {
                personGroup: "false",
                Immediately: "立即抢购",
                GoodsNumber: "false",
                // 控制单个商品模块标题下面的抢购数量是否显示，默认不显示
                numberShow: false,
                // 控制进度条的显示与隐藏
                barShow: true,

            },
        }
    },
}
</script>

<style scoped>
.goods {
    margin-top: .3rem;
}
</style>
